<%--
  Created by IntelliJ IDEA.
  User: 雪峰
  Date: 2016/5/7
  Time: 19:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>五大热门职位</title>
    <jsp:include page="/common/header.jsp"/>
    <!-- 这里用requirejs来做模块加载器 -->
    <script src="http://requirejs.org/docs/release/2.1.20/minified/require.js"></script>
    <!-- Chartx图表库文件引入，这里已1.9.21的cdn版本为例 -->
    <script src="http://g.tbcdn.cn/thx/charts/1.9.51/chartx/index-min.js"></script>
</head>
<body>
<jsp:include page="/common/navbar.jsp"/>
<div id="allTest" style="width:600px;height:300px;"></div>
<script>
    var data = [
        ["xfield", "percent"],
        ["销售", 33.07],
        ["研发工程师", 32.809],
        ["架构师", 24.879],
        ["数据工程师", 23.09],
        ["产品经理", 12.249]
    ];
    var options = {
        type: "horizontal",
        yAxis: {
            field: ["percent"]
        },
        xAxis: {
            field: ["xfield"]
        }
    }

    Chartx.bar("allTest", data, options);
</script>
</body>
</html>
